$_subMenuWidth: 1000px;
$_subMenuOutGapWidth: 2 * $gobalCommonGap;
$_subMenuItemCountPerline: 4;
$_subMenuListWidth: ($_subMenuWidth - 2 * $_subMenuOutGapWidth) / $_subMenuItemCountPerline;
$_subMenuHoverBackgroundColor: #242c37;
$_logoTopGap: 10px;

#description {
  position: absolute;
  top: 0;
  height: $headerHeight;
  left: 0;
  right: 0;
  background-color: $gobalBackgoundColor;
  color: #fff;

  & > .left_part{
    float: left;
  }

  #logo{
    padding: 0;
    margin: $_logoTopGap;
    display: inline-block;
    width: 2 * $headerHeight;
    height: $headerHeight - 2 * $_logoTopGap;
    background-image: url("../images/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
  }

  #menu{
    display: inline-block;
    line-height: $headerHeight;
    vertical-align: top;

    & > div{
      display: inline-block;
    }

    .category_title{
      padding: 0 2 * $gobalCommonGap;

      &:not(:last-of-type){

        &::after{
          position: relative;
          display: inline-block;
          right: - 2 * $gobalCommonGap;
          content: '|';
          transform: scaleX(0.5);
          color: $lightFontColor;
        }
      }

      &:hover {
        cursor: pointer;
        background-color: $_subMenuHoverBackgroundColor;
        color: $gobalHoverColor;
      }

    }
  }
}